.selected{
    // display: block;
    color: #F96C0C;
    border-bottom: 3px solid #F96C0C;
}
.detailBody{
    width: 100%;
    overflow: hidden;
    .detailInner{
        position: relative;
        margin: 10px auto 0;
        width: 1140px;
        .goodsBody{
            margin-bottom: 20px;
            border: 1px solid #e8e8e8;
            .goodsSummary{
                float: left;
                width: 100%;
                .goodsInfo{
                    margin-right: 198px;
                    border: 1px solid #e8e8e8;
                    border-bottom: none;
                    .goodsInfoImg{
                        float: left;
                        padding: 20px 0 20px 20px;
                        position: relative;
                        width: 400px;
                        .goodsInfoItem{
                            width: 400px;
                            margin-bottom: 20px;
                            .goodsInfoItemMain{
                                width: 400px;
                                height: 400px;
                                // overflow: hidden;
                                margin-bottom: 15px;
                                position: relative;
                               .smallImg{
                                    // float: left;
                                    // text-decoration: none;
                                    cursor: pointer;
                                    width: 400px;
                                    height: 400px;
                                    img{
                                        width: 400px;
                                        height: 400px;
                                        vertical-align: middle;
                                    }
                                }
                                .bigImg{
                                    position:absolute;
                                    width:400px;
                                    height:400px;
                                    /* width: 460px;
                                    height: 460px; */
                                    left:419px;
                                    top:0px;
                                    border:1px solid #eee;
                                    // display: block;
                                    display:none;
                                    overflow:hidden;
                                    background-image: url(/static/home/image/clothes.jpg);
                                    background-size: 267%;
                                    z-index: 9;
                                    // background-position: ;
                                    img{
                                        display:block;
                                        position:absolute;
                                        left:0;
                                        top:0;
                                    }
                                }
                                .float{
                                    width: 150px;
                                    height: 150px;
                                    background-image: url(/static/home/image/bluePop.jpg);
                                    position:absolute;  
                                    top: 0;
                                    left: 0;  
                                    display:none;
                                    cursor:move;
                                }
                                
                            }
                            .goodsInfoItemMinor{
                                clear: both;
                                li{
                                    list-style: none;
                                    display: inline;
                                    float: left;
                                    width: 50px;
                                    height: 50px;
                                    margin-right: 2px solid #fff;
                                    padding-right: 10px;
                                    .minorPic{
                                        width: 50px;
                                        height: 50px;
                                        cursor: pointer;
                                        img{
                                            max-height: 50px;
                                            max-width: 50px;
                                        }
                                    }
                                    .minorPicBorder{
                                        border: 2px solid #E5511D;
                                    }
                                }
                            }
                        }
                        .goodsInfoCollect{
                            .collectWord{
                                font-size: 13px;
                                cursor: pointer;
                                &:hover{
                                    color: #F96C0C;
                                }
                            }
                        }
                    }
                    .goodsInfoDetail{
                        float: right;
                        padding: 0 20px 20px 0;
                        width: 498px;
                        .goodsInfoCon{
                            position: relative;
                            .goodsInfoSpe{
                                padding-left: 18px;
                                .goodsInfoTitle{
                                    padding: 20px 0 10px!important;
                                    h3{
                                        min-height: 21px;
                                        font-size: 16px;
                                        letter-spacing: 0.5px;
                                        font-weight: 800;
                                        color: black;
                                        font-family: SimSun;
                                    }
                                }
                                .goodsInfoMeta{
                                    padding: 10px;
                                    background-color: #FFF2E8;
                                    font-family: SimSun;
                                    font-size: 12px;
                                    position: relative;
                                    li{
                                        list-style: none;
                                        line-height: 24px;
                                        margin-bottom: 5px;
                                        .typeCom{
                                            display: inline-block;
                                            // float: left;
                                            width: 60px;
                                            color: #6c6c6c;
                                        }
                                        .goodsTangile{
                                            display: inline-block;
                                            // overflow: hidden;
                                            // line-height: 10px;
                                            // text-decoration: line-through;
                                        }
                                    }
                                    #goodsInfoPrice{
                                        line-height: 24px;
                                        // width: 345px;
                                        .goodsTangile{
                                            width: 345px;
                                        }
                                    }
                                    #goodsInfoLG{
                                        // line-height: 26px;
                                        .typeCom{
                                            // line-height: 37px;
                                        }
                                        .goodsTangile{
                                            // height: 40px;

                                            padding-top: 5px;
                                            line-height: 25px;
                                            font-size: 22px; 
                                            color: #F96C0C;
                                            font-weight: 900;
                                        }
                                    }
                                    #goodsInfoAct{
                                        .typeCom{
                                            // line-height: 37px;
                                        }
                                        .goodsTangile{
                                            // height: 40px;

                                            padding-top: 5px;
                                            line-height: 25px;
                                            font-size: 13px; 
                                            color: #999;
                                            // font-weight: 900;
                                        }
                                    }
                                    #goodsInfoDis{
                                        margin-bottom: 0;
                                    }
                                    #LgCounter{
                                        position: absolute;
                                        top: 10px;
                                        right: 10px;
                                        .counterLeft{
                                            padding-left: 9px;
                                            padding-right: 9px;
                                            float: left;
                                            text-align: center;
                                            strong{
                                                display: block;
                                                font-size: 18px;
                                                font-weight: 400;
                                                line-height: 18px;
                                            }
                                        }
                                        .counterRight{
                                            border: none;
                                            padding-right: 0;
                                            padding-left: 9px;
                                            border-left: 1px solid #ffe4d0;
                                            float: left;
                                            text-align: center;
                                            strong{
                                                display: block;
                                                font-size: 18px;
                                                font-weight: 400;
                                                line-height: 18px;
                                            }
                                        }
                                    }
                                }
                                .delivery{
                                    // position: relative;
                                    // clear: both;
                                    .deliveryCtn{
                                        margin-bottom: 5px;
                                        // margin-top: 5px;
                                        .deliveryCtnIcon{
                                            display: inline-block;
                                            padding-left: 10px;
                                            font-size: 12px;
                                            // display: inline;
                                            // float: left;
                                            width: 60px;
                                            color: #6c6c6c;
                                            line-height: 24px;
                                            
                                        }
                                        border-bottom: 1px solid #D9D9D9;
                                    }
                                    
                                }
                                .changeGoods{
                                    padding-left: 10px;
                                    padding-bottom: 5px;
                                    margin-bottom: 20px;
                                    .changeGoodsCtn{
                                        position: relative;
                                        dl{
                                            margin-bottom: 10px;
                                            color: #6c6c6c;
                                            font-size: 13px;
                                            dt{
                                                float: left;
                                                margin-right: 5px;
                                                width: 55px;
                                                color: #6c6c6c;
                                                font-size: 13px;
                                                line-height: 24px;
                                            }
                                            dd{
                                                overflow: hidden;
                                                .sizeUl{
                                                    li{
                                                        &:hover{
                                                            border: 1px solid #F96C0C;
                                                        }
                                                    }
                                                }
                                                .colorClassifyUl{
                                                    li{
                                                        &:hover{
                                                            border: 1px solid #F96C0C;
                                                        }
                                                    }
                                                }
                                                ul{
                                                    list-style-type: none;
                                                    li{
                                                        cursor: pointer;
                                                        float: left;
                                                        position: relative;
                                                        margin: 0 5px 10px 0;
                                                        vertical-align: middle;
                                                        line-height: 20px;
                                                        background-color: #fff;
                                                        padding: 1px 5px;
                                                        border: 1px solid #dcdcdc;
                                                        font-size: 12px;
                                                    }
                                                    .size{
                                                        border: 1px solid #F96C0C;
                                                        background-color: #F96C0C;
                                                        color: white;
                                                    }
                                                }
                                                button{
                                                    // width: 25px;
                                                    width: 25px;
                                                    height: 22px;
                                                    outline: none;
                                                    background-color: #fff;
                                                    border: 1px solid #dcdcdc;
                                                    cursor: pointer;
                                                }
                                                .accountInput{
                                                    width: 30px;
                                                    height: 20px;
                                                    text-align: center;
                                                }
                                                .accountCommon{
                                                    color: #ccc;
                                                    cursor: not-allowed;
                                                }
                                            }
                                            
                                        }
                                        .BuyOrAdd{
                                            margin-bottom: 20px;
                                            .purchase{
                                                margin-right: 9px;
                                                float: left;
                                                text-align: center;
                                                padding: 10px 25px;
                                                background-color: #FFE4D0;
                                                border-color: #F0CAB6;
                                                color: #E5511D;
                                                border-radius: 5px;
                                                cursor: pointer;
                                                &:hover{
                                                    background-color: #FFD9BC;
                                                }
                                            }
                                            .addShoppingCart{
                                                float: left;
                                                text-align: center;
                                                padding: 10px 25px;
                                                background-color: #F40;
                                                border-color: #F40;
                                                color: #fff;
                                                border-radius: 5px;
                                                cursor: pointer;
                                                &:hover{
                                                    background-color: #F22D00;
                                                    border-color: #F22D00;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .shopSummary{
                float: right;
                // display: inline-block;
                width: 200px;
                // position: relative;
                margin-left: -200px;
                .shopInfo{
                    position: relative;
                    top: -1px;
                    left: 1px;
                    border: 1px solid #ffe2a3;
                    .shopTitle{
                        width: 188px;
                        height: 25px;
                        margin-bottom: 14px;
                        padding-top: 5px;
                        padding-left: 10px;
                        font-family: SimSun;
                        font-weight: 800;
                        line-height: 25px;
                    }
                    .shopInfoWrap{
                        padding: 0 10px 17px 20px;
                        width: 168px;
                        color: #666;
                        background-color: #fff;
                        .shopInfoWrapHd{
                            margin-bottom: 10px;
                            .hdShopName{
                                margin-bottom: 5px;
                                height: 20px;
                                overflow: hidden;
                                font-size: 13px;
                                font-weight: 600;
                                color: black;
                                a{
                                    text-decoration: none;
                                    color: black;
                                }
                            }
                            .hdShopKeeper{
                                margin-bottom: 5px;
                                line-height: 20px;
                                overflow: hidden;
                                font-size: 12px;
                                dl{
                                    clear: both;
                                    dt{
                                        float: left;
                                        height: 20px;
                                    }
                                    dd{
                                        min-height: 20px;
                                        overflow: hidden;
                                        a{
                                            text-decoration: none;
                                            color: #666;
                                        }
                                    }
                                }
                            }
                            .hdShopContact{
                                height: 22px;
                                margin-bottom: 5px;
                                overflow: hidden;
                                font-size: 12px;
                                dl{
                                    clear: both;
                                    dt{
                                        float: left;
                                        height: 20px;
                                    }
                                }
                            }
                        }
                        .shopInfoWrapBd{
                            margin-bottom: 16px;
                            padding-top: 13px;
                            border-top: dotted 1px #E1E1E1;
                            overflow: hidden;
                            .shopInfoWrapRate{
                                overflow: hidden;
                                margin: 0 0 0 -28px;
                                font-size: 12px;
                                dl{
                                    float: left;
                                    padding-left: 14px;
                                    margin-left: 14px;
                                    padding-right: 10px;
                                    border-left: 1px solid #ebebeb;
                                    dt{
                                        line-height: 12px;
                                        font-size: 12px;
                                    }
                                    .rateEqual{
                                        line-height: 14px;
                                        font-size: 12px;
                                        margin-top: 5px;
                                        text-align: center;
                                        a{
                                            text-decoration: none;
                                            color: #F96C0C;
                                            font-weight: 600;
                                        }
                                    }
                                }
                            }
                        }
                        .shopInfoWrapFt{
                            margin-top: 25px;
                            color: #666;
                            clear: both;
                            .goShop{
                                float: left;
                                margin-right: 5px;
                                width: 74px;
                                height: 28px;
                                text-align: center;
                                text-decoration: none;
                                font-size: 12px;
                                border-radius: 5px;
                                border: 1px solid #D9D9D9;
                                color: #666;
                                line-height: 28px;
                            }
                            .collectShop{
                                float: right;
                                margin-right: 5px;
                                width: 74px;
                                height: 28px;
                                text-align: center;
                                text-decoration: none;
                                font-size: 12px;
                                border-radius: 5px;
                                border: 1px solid #D9D9D9;
                                color: #666;
                                line-height: 28px;
                            }
                        }
                    }
                }
                .searchThisShop{
                    position: relative;
                    .searchShop{
                        margin: 10px;
                        .searchShopP{
                            font-size: 13px;
                            font-weight: 600;
                            color: #F96C0C;
                            padding-bottom: 5px;

                        }
                        .searchInputBox{
                            width: 150px;
                            height: 24px;
                            outline: none;
                            display: inline-block;
                            border: 1px solid #D4D4D4;
                            input{
                                width: 150px;
                                height: 20px;
                                outline: none;
                                text-indent: 5px;
                                border: none;
                                
                            }
                            
                        }
                        .searchInputBtn{
                            display: inline-block;
                            width: 21px;
                            height: 24px;
                            outline: none;
                            border: 1px solid #D4D4D4;
                            text-align: center;
                            cursor: pointer;
                            background-color: #F96C0C;
                            // button{
                            //     width: 30px;
                            //     height: 20px;
                            //     outline: none;
                            // }
                            i{
                                text-align: center;
                                color: white;
                            }
                        }
                        
                    }
                }
            }
        }
    }
    .variousInfo{
        // width: 1140px;
        position: relative;
        margin: 0 auto 16px;
        .variousDetail{
            width: 1140px;
            margin: 0 auto;
            position: relative;
            .innerWrap{
                height: 44px;
                line-height: 44px;
                margin: 0 auto;
                padding: 0 80px;
                position: relative;
                border: 1px solid #e5e5e5;
                background-color: #f6f6f6;
                .innerNav{
                    list-style: none;
                    clear: both;
                    li{
                        float: left;
                        margin-right: 100px;
                        cursor: pointer;
                        line-height: 42px;
                        &:hover{
                            color: #F96C0C;
                            border-bottom: 3px solid #F96C0C;
                        }
                    }
                }
            }
            // 宝贝详情
            .innerWrapSer{
                // height: 50px;
                margin: 0 auto;
                padding: 0 80px;
                position: relative;
                width: 980px !important;
                // display: none;
                .innerWrapShow{
                    padding: 0;
                    margin: 0 auto;
                    .innerWrapTop{
                        margin: 10px;
                        padding: 10px;
                        border-bottom: 1px solid #eee;
                        .topList{
                            list-style: none;
                            li{
                                float: left;
                                font-size: 12px;
                                padding-right: 20px;
                                width: 186px;
                                height: 24px;
                                text-indent: 5px;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                // cursor: pointer;
                            }
                        }
                    }
                    .description{
                        p{
                            text-align: center;
                            img{
                                width: 750px;
                                vertical-align: top;
                                padding-top: 40px;
                            }
                        }
                    }
                }
            }
            // 累计评论
            .innerWrapCommend{
                margin: 20px auto;
                padding: 0 80px;
                position: relative;
                width: 980px !important;
                display: none;
                .innerWrapCommendShow{
                    padding: 0;
                    margin: 0 auto;
                    .innerCommendNav{
                        border-bottom: 1px solid #e5e5e5;
                        padding: 0 12px;
                        margin-bottom: 10px;
                        list-style: none;
                        li{
                            // padding-top: 10px;
                            background-color: #FFF;
                            border-top-width: 2px;
                            margin-bottom: -1px;
                            border: 1px solid #e5e5e5;
                            border-bottom: none;
                            line-height: 31px;
                            font-family: SimSun;
                            min-width: 128px;
                            font-size: 14px;
                            padding: 10px 20px;
                            display: inline;
                        }
                    }
                    .innerCommendMain{
                        .innerCommendMainNav{
                            position: relative;
                            padding: 10px;
                            border: 1px solid #DDD;
                            background-color: #fcfcfc;
                            color: #404040;
                            .commendMainNavList{
                                list-style: none;
                                li{
                                    float: left;
                                    margin-right: 20px;
                                    cursor: pointer;
                                    font-size: 13px;
                                    font-family: SimSun;
                                }
                            }
                        }
                        .innerCommendMainDetail{
                            // 评论
                            ul{
                                list-style-type: none;
                                li{
                                    position: relative;
                                    list-style-type: none;
                                    outline: none;
                                    padding: 10px;
                                    border-bottom: 1px solid #D4D4D4;
                                    .commendFormHead{
                                        float: left;
                                        overflow: hidden;
                                        width: 100px;
                                        text-align: center;
                                        line-height: 1.5;
                                        font-size: 12px;
                                        // p{
                                        //     padding: 10px;
                                        //     display: inline;
                                        //     text-align: center;
                                        //     border: 1px solid #D4D4D4;
                                        //     i{
                                        //         text-align: center;
                                        //     }
                                        // }
                                    }
                                    .commendFormInfo{
                                        // float: right;
                                        // display: inline;
                                        box-sizing: border-box;
                                        margin-right: 100px;
                                        overflow: hidden;
                                        position: relative;
                                        // padding-top: 10px;
                                        .commendFormInfoItem{
                                            // 评论的图片
                                            .commendFormInfoContent{
                                                font-size: 14px;
                                                line-height: 1.4;
                                                color: #3F3F3F;
                                                word-wrap: break-word;
                                                margin-top: 10px;
                                            }
                                            // 评论的图片
                                            .commendFormInfoImg{
                                                margin-top: 10px;
                                                ul{
                                                    list-style: none;
                                                    li{
                                                        float: left;
                                                        border: 2px solid #f0f0f0;
                                                        padding: 2px;
                                                        margin-right: 6px;
                                                        position: relative;
                                                        background-color: #fff;
                                                        cursor: pointer;//可以加url变成想要的图标
                                                        img{
                                                            display: block;
                                                            width: 40px;
                                                            height: 40px;
                                                            background-color: #FCFCFC;
                                                        }
                                                    }
                                                }
                                            }
                                            // 评论的时间
                                            .commendFormInfoTime{
                                                margin-top: 10px;
                                                .infoTimeContent{
                                                    font-size: 12px;
                                                    color: #b0b0b0;

                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            // 评论分页
                            .commendPaging{
                                text-align: right;
                                ul{
                                    margin-top: 1.5em;
                                    list-style-type: none;
                                    display: inline-block;
                                    // float: right;
                                    font-size: 12px;
                                    zoom: 1;
                                    li{
                                        display: inline-block;
                                        line-height: 0px;
                                        margin-left: 3px;
                                        border: 1px solid #eee;
                                        padding-left: 9.6px;
                                        padding-right: 9.6px;
                                        cursor: pointer;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .innerInfoPriceSepc{
                width: 940px;
                // height: 50px;
                // padding-left: 200px;
                // padding-right: 200px;
                padding: 0 150px;
                margin-top: 15px;
                h3{
                    font-size: 16px;
                    font-weight: 700;
                    padding-bottom: 5px;
                    border-bottom: 1px solid #eee;
                    margin-bottom: 15px;
                    font-family: SimSun;
                }
                .innerTitle{
                    color: #F96C0C;
                    font-size: 13px;
                    font-family: SimSun;
                }
                .innerInfoDescribe{
                    font-size: 12px;
                    color: #666;
                    margin-bottom: 10px;
                }
            }
            .innerWrapState{
                .officalRemind{
                    width: 728px;
                    clear: both;
                    margin: 20px 0 20px 200px;
                    padding: 10px;
                    background: #FFFBF1;
                    border: 1px solid #FFC7B2;
                    .remindTitle{
                        line-height: 2;
                        width: 68px;
                        // margin-left: -68px;
                        font-weight: 700;
                        font-family: SimSun;
                    }
                    .remindCon{
                        line-height: 2;
                        font-size: 13px;
                        font-family: SimSun;
                    }
                }
            }
        }
    }
}
// 弹窗
.popBox{
    width: 100%; 
    left: 0px; 
    top: 0px; 
    height: 100%; 
    position: fixed; 
    user-select: none; 
    z-index: 999998;
    background-color: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    .pop{
        width: 374px;
        left: 441.5px;
        top: 264px;
        // position: relative;
        // position: absolute;
        margin: 15% auto;
        top: 30%;
        z-index: 999999;
        .popInner{
            padding: 20px 25px 20px 25px;
            background: #fff;
            border-radius: 10px;
            position: relative;
            .deleteIcon{
                position: absolute;
                top: 10px;
                right: 15px;
                cursor: pointer;
            }
            .deleteGood{
                font-weight: 600;
                padding-bottom: 15px;
            }
            .deleteGoodsInner{
                font-size: 13px;
                
            }
            .deleteBtn{
                text-align: center;
                padding-top: 20px;
                button{
                    width: 58px;
                    height: 28px;
                    outline: none;
                    border: none;
                    cursor: pointer;
                    border-radius: 5px;
                }
                .noDelete{
                    margin-right: 10px;
                    &:hover{
                        background-color: #dcdddd;
                    }
                }
                .sureDelete{
                    background-color: #F96C0C;
                    color: #fff;
                    margin-left: 10px;
                    &:hover{
                        background-color: #eb6101;
                    }
                }
            }
        }
    }
}
